<template>
	<div id="tmpl">
        <!-- 1.0 轮播图：mint-ui中的 swipe组件实现 -->
        <mt-swipe :auto="2000">
		  <!-- <mt-swipe-item>1</mt-swipe-item>
		   -->
		   <mt-swipe-item v-for="item in imgs">
		   	<img :src="item.img">
		   </mt-swipe-item>
		</mt-swipe>
		
	</div>
</template>

<script>

	export default{
        props:['imgs']  //用来接收父组件传入过来的数据
	}

</script>

<style scoped>
	.mint-swipe{
		height: 300px;
	}
	.mint-swipe-item img{
		width: 100%;
	}
	.mint-swipe-item{
		background-color: red;
		width: 100%;
		height: 300px;
	}
</style>